<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>关于幻城</title>
    <link rel="icon" href="images/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/about.css">
    <script src="js/jquery.min.js"></script>
</head>
<body>
<!-- 导航栏 -->
<div class="nav">
    <div class="nav_con">
        <img class="logo" src="images/logo.png" width="10%"/>
        <img class="logo_infro" src="images/logo_infro.png" width="15%"/>
        <ul class="nav_ul">
            <li class="nav_li"><a href="index.html" title="从这里开始">首页</a>
                <div></div>
            </li>
            <li class="nav_li"><a href="about.html" class="active_hover" title="公司简介">关于幻城</a>
                <div></div>
            </li>
            <li class="nav_li"><a href="game.html" title="精品专区">幻城游戏</a>
                <div></div>
            </li>
            <li class="nav_li"><a href="join.html" title="招贤纳士">加入幻城</a>
                <div></div>
            </li>
            <li class="nav_li"><a href="contact.html" title="保持联系">联系我们</a>
                <div></div>
            </li>
        </ul>
    </div>
</div>
<div class="kongbai"></div>
<!-- 导航栏结束 -->

<!-- 公司介绍 -->
<div class="about_us">
    <div class="about_con">
        <div class="leftyh"><img src="images/leftyh.png"/></div>
        <div class="rightyh"><img src="images/rightyh.png"/></div>
        <div class="about_con_title">公司介绍</div>
        <div class="about_con_infro">ABOUT US</div>
        <div class="about_font"><p>
            吉林省幻城科技有限公司（简称：幻城科技）成立于2015年6月8日，公司总部位于吉林省长春市，是一家专业从事网络棋牌游戏开发、运营的高科技软件技术公司，一直致力于互联网游戏领域的服务。具有《网络文化经营许可证》、《网络游戏备案》等行业资质。</p>
            <br/>
            <p>幻城科技以当地民众喜闻乐见的棋牌、麻将等休闲益智游戏规则为基础，以独具浓厚地方文化特点的“填大坑”、“长春麻将”等休闲益智游戏为主要内容，兼有国内公众喜爱的休闲娱乐游戏内容。
                幻城科技以“诚信、创新、服务、专业”为公司的共同价值理念，经过两年的不断努力，昔日的小团队现在已经蜕变成一支年轻、富有凝聚力、敢于创新并能够将梦想付诸于行动的专业研发团队。产品用户覆盖东三省及内蒙古地区，国内其他省份均有我平台产品用户。</p>
            <br/>
            <p>幻城科技致力于让游戏在丰富玩家的网络生活之余，也能为玩家的真实生活增添精彩！</p>
        </div>
        <div class="lunbo">
            <div class="lun_list">
                <ul>
                    <li class="foucus_list"></li>
                    <li></li>
                    <li></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        function play() {
            this.a = -1;
            this.url = ["lunbo1.jpg", "lunbo2.jpg", "lunbo3.jpg"];
        };
        play.prototype = {
            Lun: function () {
                $(".lunbo").css({"background": "url(images/" + Play.url[Play.a] + ") no-repeat center"}, "backgroundSize", "auto 100%");
                if (Play.a > 1) {
                    Play.a = -1;
                }
                Play.a++;
                $(".lun_list ul li").removeClass("foucus_list");
                $(".lun_list ul li").eq(Play.a - 1).addClass("foucus_list");
                // console.log(Play.a);
            },
            Inval: function () {
                setInterval(Play.Lun(), 2000);
            },
            Click: function () {
                $(".lun_list ul li").click(function () {
                    console.log($(this).index());
                    $(".lun_list ul li").removeClass("foucus_list");
                    $(".lun_list ul li").eq($(this).index()).addClass("foucus_list");
                    Play.a = $(this).index();
                    $(".lunbo").css({"background": "url(images/" + Play.url[Play.a] + ") no-repeat center"}, "backgroundSize", "100%");

                });
            },
            NavHover: function () {
                $(".nav_li").hover(function () {
                    $(this).find('div').stop().animate({"width": "100%"}, 300);
                }, function () {
                    $(this).find('div').stop().animate({"width": "0px"}, 200);
                });
            },
            Huan: function (a, b) {
                $(a).stop().slideUp();
                $(b).stop().slideDown();
            },
            Life: function () {
                var a = 1;
                $(".life_left,.life_right").click(function () {
                    if (a) {
                        Play.Huan(".pic_con1", ".pic_con2");
                        a = 0;
                    } else {
                        Play.Huan(".pic_con2", ".pic_con1");
                        a = 1;
                    }
                });
            }
        }
        var Play = new play()
        Play.Lun();
        Play.Inval();
        setInterval(Play.Inval, 4000);
        Play.Click();
        Play.NavHover();
        Play.Life();
    })
</script>
<!-- 公司介绍结束 -->

<!-- 幻城活动 -->
<div class="life">
    <div class="life_con">
        <div class="about_con_title">幻城活动</div>
        <div class="about_con_infro">HUANCHENG EVENT</div>
        <div class="life_gs_pic">
            <div class="life_left"><img src="images/lifeleft.png"/></div>
            <div class="life_right"><img src="images/liferight.png"/></div>
            <div class="life_gs_pic_con">
                <img class="pic_con1" src="images/compic1.png">
                <img class="pic_con2" src="images/compic2.png">
            </div>
        </div>
    </div>
</div>
<!-- 幻城活动结束 -->

<!-- 右侧漂浮 -->
<div class="rightfix">
    <dl>
        <dd>
            <a class="kefu"></a>
        </dd>
        <dd>
            <a class="back_top"></a>
        </dd>
    </dl>
</div>
<script>
    $(".back_top").hide();
    $(function () {
        $(window).scroll(function () {
            if ($(window).scrollTop() > 100) {
                $(".back_top").fadeIn(200);
            }
            else {
                $(".back_top").fadeOut(200);
            }
        });

        $(".back_top").click(function () {
            $('body,html').animate({scrollTop: 0}, 500);
            return false;
        });
    });
</script>
<!-- 遮罩层 -->
<div id="goodcover"></div>
<!-- 弹出框 -->
<div id="code">
    <div class="header">
        <div class="close1" style="margin: 10px 10px 0 0;"><a href="javascript:void(0)" id="closebt"><img src="images/close.png"></a></div>
    </div>
    <div class="header1">
        <div class="goodtxt">
            <p>微信扫一扫</p>
            <p>添加博乐官方微信</p>
            <p>了解更多游戏相关</p>
        </div>
        <div class="code-img"> <img id="ewmsrc"  src="images/code.jpg"/></div>
    </div>
    <div class="header2">
        <div class="goodtxt">
            <p>微信扫一扫</p>
            <p>添加博乐官方微信客服</p>
            <p>了解更多游戏相关~</p>
        </div>
        <div class="code-img"> <img id="ewmsrc1"  src="images/code.jpg"/></div>
    </div>
</div>
<script>
    $(function () {
        //alert($(window).height());
        $('.kefu').click(function () {
            $('#code').center();
            $('#goodcover').show();
            $('#code').fadeIn();
        });
        $('#closebt').click(function () {
            $('#code').hide();
            $('#goodcover').hide();
        });
        $('#goodcover').click(function () {
            $('#code').hide();
            $('#goodcover').hide();
        })
        jQuery.fn.center = function (loaded) {
            var obj = this;
            body_width = parseInt($(window).width());
            body_height = parseInt($(window).height());
            block_width = parseInt(obj.width());
            block_height = parseInt(obj.height());

            left_position = parseInt((body_width / 2) - (block_width / 2) + $(window).scrollLeft());
            if (body_width < block_width) {
                left_position = 0 + $(window).scrollLeft();
            }
            ;

            top_position = parseInt((body_height / 2) - (block_height / 2) + $(window).scrollTop());
            if (body_height < block_height) {
                top_position = 0 + $(window).scrollTop();
            }
            ;

            if (!loaded) {

                obj.css({
                    'position': 'absolute'
                });
                obj.css({
                    'top': ($(window).height() - $('#code').height()) * 0.5,
                    'left': left_position
                });
                $(window).bind('resize', function () {
                    obj.center(!loaded);
                });
                $(window).bind('scroll', function () {
                    obj.center(!loaded);
                });

            } else {
                obj.stop();
                obj.css({
                    'position': 'absolute'
                });
                obj.animate({
                    'top': top_position
                }, 200, 'linear');
            }
        }

    })
</script>
<!-- 右侧漂浮 end -->

<!-- 联系我们 -->
<div class="contact_us">
    <div class="contact_con">
        <div class="con_list c_c_one">
            <div class="con_list_title">联系我们</div>
            <div class="c_l_wx">
                <img src="images/wx.png"/>
                <div class="wx_font">关注官方微信<br>获得更多资讯</div>
                <img class="wx_img" src="images/ewm1.jpg"/>
            </div>
            <div class="c_l_wx c_l_wb">
                <img src="images/wx.png"/>
                <div class="wx_font">关注官方客服<br>获得更多资讯</div>
                <img class="wx_img2" src="images/ewm2.jpg">
            </div>
        </div>
        <div class="con_list c_c_two">
            <div class="c_c_t_con">
                <img src="images/mail.png"/>
                <div class="c_mail">E-mail：advice@yeahworld.com</div>
            </div>
            <div class="c_c_t_con c_c_address">
                <img src="images/address.png"/>
                <div class="c_mail">地址：吉林省长春市人民大街7088号伟峰国际702室</div>
            </div>
        </div>
    </div>
</div>
<!-- 联系我们结束 -->
<!-- 页脚 -->
<div class="footer">
    <div class="footer_con">
        <div class="foote_logo">
            <img src="images/logo.png"/>
        </div>
        <div class="footer_font">
            <ul>
                <li><a href="about.html" target="_blank">关于幻城 </a><span class="np">|</span> <a href=""
                                                                                               target="_blank"></a>服务协议<span
                        class="np">|</span> <a href="join.html" target="_blank">加入我们</a><span class="np">|</span> <a
                        href="contact.html" target="_blank">联系我们</a></li>
                <li>吉林幻城科技有限公司 版权所有 吉网文 【2017】 1133-004号 吉ICP备17000914号-1</li>
                <li>ICP：吉B2-20170047</li>
            </ul>
        </div>
    </div>
</div>
<!-- 页脚结束 -->

<!-- 满屏蒲公英动效 -->
<div class="snow-container" style="position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10000;"></div>
<script src="js/jquery-pugongying.min.js"></script>
<script type="text/javascript" src="all.js"></script>
<!-- 满屏蒲公英动效 end -->
</body>
</html>
